<?php include_once(dirname(__FILE__).'/include/config.inc.php')?>
<!DOCTYPE html><html>
<head><meta charset="utf-8">

    <?php echo GetHeader(); ?>
    <meta name="viewport" content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width,height=device-height">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2005099_gsemlns162m.css">
    <link rel="stylesheet" href="hg/css/bootstrap.min.css">
    <link rel="stylesheet" href="hg/css/main.css?v=20230303">
    <link rel="stylesheet" href="hg/css/responsive.css?v=20230303">
    <link rel="stylesheet" href="hg/css/animate.min.css">
    <script src="hg/js/jquery.min.js"></script>
    <script src="hg/js/popper.min.js"></script>
    <script src="hg/js/bootstrap.min.js"></script>
</head>

<body>
<header>
    <link rel="stylesheet" href="hg/css/nav.css">
    <div class="d-lg-none">
        <img src="hg/img/mbanner.jpg" width="100%" alt="">
        <a href="/index.php">
            <img src="hg/img/logo.png" style="position: absolute;top: 5px;left: 20px;z-index: 999;width: 20%" alt="">
        </a>
    </div>
    <div class="menu-btn text-center wow fadeInRight d-lg-none rounded-lg my-3" style="background-color: rgba(255,255,255,0.5);">
        <div class="line line--1"></div>
        <div class="line line--2"></div>
        <div class="line line--3"></div>
    </div>
    <nav class="m_nav">
        <div class="nav-links">
            <ul>
                <li class="text-center">
                    <a href="/" title="<?php echo $cfg_webname; ?>">
                        <h1 class="fs-24 fs-md-24 fs-xl-40"><b class="text-white"><?php echo $cfg_webname;?></b></h1>
                    </a>
                </li>
                <hr>
                <li>
                    <a href="/" class="d-block text-center hover link py-4" title="HOME">HOME</a>
                </li>
                <li>
                    <a href="/about.php" class="d-block text-center hover link py-4" title="ABOUT">ABOUT</a>
                </li>
                <li>
                    <a href="/product.php" class="d-block text-center hover link py-4" title="PRODUCT">PRODUCT</a>
                </li>
                <li>
                    <a href="/qa.php" class="d-block text-center hover link py-4" title="QUALITY_ASSURANCE">QUALITY ASSURANCE</a>
                </li>
                <li>
                    <a href="/contact.php" class="d-block text-center hover link py-4" title="CONTACT">CONTACT</a>
                </li>

            </ul>
        </div>
    </nav>
    <script src="hg/js/nav.js"></script>
    <div id="name_box_w" class="logo-bg">
        <div class="container px-xl-0">
            <!--            <div class="d-flex justify-content-between py-4 py-xl-5" style="min-height: 60px;">-->
            <!--                <div id="top_logo" class="align-self-center mr-5">-->
            <!--                    <a href="/" title="--><?php //echo $cfg_webname; ?><!--">-->
            <!--                        <img src="hg/img/logo.png" class="img-fluid" alt="--><?php //echo $cfg_webname; ?><!--">-->
            <!---->
            <!--                    </a>-->
            <!--                </div>-->
            <!--                <div id="top_tel" class="d-none d-lg-block align-self-center fs-14 lh-14 text-right" style="color: #666666;">-->
            <!--                    <div class="base_color">全国服务热线</div>-->
            <!--                    <div>-->
            <!--                        <a href="tel:--><?php //echo $cfg_tel;?><!--" class="font-weight-bold fs-lg-22 fs-xl-28 base_color">--><?php //echo $cfg_tel;?><!--</a><br />-->
            <!--                    </div>-->
            <!--                </div>-->
            <!--            </div>-->
        </div>
    </div>
    <div class="w-100 base_bg2 d-none d-lg-block" >
        <div class="container px-xl-0" >
            <nav class="nav fs-16">
                <a href="/index.php" >
                    <img style="margin: 5%" src="hg/img/logo.png" width="50%">
                </a>
                <ul class="d-flex w-75" style="padding-top: 2%;padding-left: 10%" >
                    <li class="flex-fill">
                        <a href="/index.php" class="d-block text-center hover_orange title_nav" title="HOME">HOME</a>
                    </li>
                    <li class="flex-fill">
                        <a href="/about.php" class="d-block text-center hover_orange title_nav" title="ABOUT">ABOUT</a>
                    </li>
                    <li class="flex-fill">
                        <a href="/product.php" class="d-block text-center hover_orange title_nav" title="PRODUCT">PRODUCT</a>
                    </li>
                    <li class="flex-fill">
                        <a href="qa.php" class="d-block text-center hover_orange title_nav" title="QUALITY_ASSURANCE">QUALITY ASSURANSE</a>
                    </li>
                    <li class="flex-fill">
                        <a href="contact.php" class="d-block text-center hover_orange title_nav" title="CONTACT">CONTACT</a>
                    </li>
                </ul>
            </nav>
            <script>
                $(document).ready(function() {
                    $("a[title = '<?php echo isset($now_title)?$now_title:""; ?>']").addClass("active");
                });
            </script>
            <!--            <script>-->
            <!--                $(document).ready(function() {-->
            <!--                    $("a[title = '']").addClass("active");-->
            <!--                });-->
            <!--            </script>-->
        </div>
    </div>
    <div id="banner_box" class="overflow-hidden">
        <link rel="stylesheet" href="hg/css/swiper.min.css">
        <!-- Demo styles -->
        <!-- Swiper -->
        <div class="swiper-container flash  d-none d-xl-block wow fadeIn" id="swiper_container">
            <div class="swiper-wrapper">
                <a class="swiper-slide" href="product.php" title="<?php echo $cfg_webname; ?>">
                    <img src="hg/img/banner03.jpg" alt="<?php echo $cfg_webname; ?>" class="img-fluid"></a>
                </eq>

                <a class="swiper-slide" href="product.php" title="<?php echo $cfg_webname; ?>">
                    <img src="hg/img/banner03.jpg" alt="<?php echo $cfg_webname; ?>" class="img-fluid"></a>
                </eq>

                <!--                <a class="swiper-slide" href="product.php" title="--><?php //echo $cfg_webname; ?><!--">-->
                <!--                    <img src="hg/img/banner03.jpg" alt="--><?php //echo $cfg_webname; ?><!--" class="img-fluid"></a>-->
                <!--            </div>-->
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
            <div class="swiper-container flash d-xl-none wow fadeIn">
                <div class="swiper-wrapper">
                    <a class="swiper-slide" href="product.php" title="<?php echo $cfg_webname; ?>">
                        <img src="hg/img/banner03.jpg" alt="<?php echo $cfg_webname; ?>" class="img-fluid"></a>



                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>

            <!-- Swiper JS -->
            <script src="hg/js/swiper.min.js"></script>
            <!-- Initialize Swiper -->
            <script>
                var swiper1 = new Swiper('.flash', {
                    loop: true,
                    autoplay: {
                        delay: 8000,
                        disableOnInteraction: false,
                    },
                    effect: 'fade',
                    pagination: {
                        el: '.swiper-pagination',
                        clickable: true
                    },
                });
            </script>
            <style type="text/css">
                @charset &quot;utf-8&quot;;
                /* CSS Document */

                .flash_pc .swiper-slide img {
                    transition: 1s linear 2s;
                }

                .flash_pc .swiper-slide-active img,
                .flash_pc .swiper-slide-duplicate-active img {
                    transition: 16s linear;
                    transform: scale(1.2, 1.2);
                }


                .flash .swiper-pagination .swiper-pagination-bullet {
                    width: 100%;
                    border-radius: 0;
                    color: #fff;
                    background: none;
                    width: auto;
                    font-size: 1.6rem;
                    line-height: 36px;
                    font-weight: bold;
                    height: 36px;
                    outline: none;
                }

                .flash .swiper-pagination-bullet:before {
                    display: inline-block;
                    vertical-align: middle;
                    width: 30px;
                    height: 4px;
                    background: var(--base_color);
                    opacity: 0.6;
                    content: &quot;&quot;;
                    transition: all 0.5s;
                    margin-right: 10px;
                    top: -3px;
                    position: relative;
                }

                .flash .swiper-pagination-bullet-active:before {
                    width: 50px;
                }

                .flash .swiper-pagination-bullet-active {
                    color: #000;
                }
            </style>
        </div>
</header>